<h4>Two scopes are defined in this module:</h4>
<p data-cy="multiple-scopes">
  admin-page:
  <span class="admin-page-title">{{ 'AdminPageAlias.title' | transloco }}</span
  ><br />
  lazy-page:
  <span class="lazy-page-title">{{ 'LazyPageAlias.title' | transloco }}</span>
</p>

<h4>Two scopes using structural directives:</h4>
<ng-container *transloco="let t">
  admin-page:<br />
  <p data-cy="regular">{{ t('AdminPageAlias.title') }}</p>
</ng-container>
<ng-container *transloco="let t">
  lazy-page:<br />
  <p data-cy="regular">{{ t('LazyPageAlias.title') }}</p>
</ng-container>

<h4>Two scopes using structural directives (using prefix):</h4>
<ng-container *transloco="let t; prefix: 'AdminPageAlias'">
  admin-page:
  <p data-cy="prefix" class="admin-prefix">{{ t('prefix') }}</p>
</ng-container>

<ng-container *transloco="let t; prefix: 'LazyPageAlias'">
  lazy-page:
  <p data-cy="lazy-page" class="admin-prefix">{{ t('title') }}</p>
</ng-container>
